<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>form</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="css/main-style.css" />
<link rel="shortcut icon" href="img/favicon.ico" />
<link rel="apple-touch-icon" href="img/touchicon.png" />
</head>
<body>

	<p class="u-content-title-p">Model演示</p>
	<hr class="u-hr-title">

	<br>

	<input type="button" value="Click Me" id="trigger">

	<div id="aaa">
		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input id="aaaa" type="text">&nbsp;
	</div>
	<div id="abc" style="position: absolute; border: 1px solid red;">
		<div>aaaaaa</div>
		<div>aaaaaa</div>
		<div>aaaaaa</div>
		<div>aaaaaa</div>
		<div>aaaaaa</div>
		<div>aaaaaa</div>
	</div>
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<select >
		<option>1111111111111</option>
		<option>2222222222222</option>
		<option>3333333333333</option>
		<option>4444444444444</option>
	</select>
</body>
<script type="text/javascript" src="sea-modules/sea.js" id="seajsnode"></script>
<script type="text/javascript" src="sea-modules/boot_i.js"></script>
<script type="text/javascript">
	seajs.use([ 'jquery', 'dialog', 'position', 'dialog' ], function($, Dialog, Position, Dialog) {
		new Dialog({
			trigger : '#trigger',
			content : './form.html',
			//content : 'http://baidu.com',
			width:'800px',
			height:'800px',
			hasMask : {
				hideOnClick : false
			}
		});
	});
</script>
</html>